



<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="一大,中国共产党第一次全国代表大会纪念馆" />
<title>中共一大纪念馆</title>

<link type="text/css" rel="stylesheet" href="/static/plugins/bootstrap/4.6.2/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/static/css/yida.css?7"/>
<!--[if lte IE 9]>
<script src="/js/respond.min.js"></script>
<script src="/js/html5.js"></script>
<![endif]-->

<script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="/static/plugins/bootstrap/4.6.2/js/bootstrap.min.js"></script>

<script type="text/javascript" src="/static/js/jquery.movePort.js"></script>
<style type="text/css">
.option-wrap{
    margin: 0 auto;
    width: 70%;
}
.option-wrap .input-group,.option-wrap textarea{
	margin-top: 2rem;
}
.option-wrap .input-group-addon{
	line-height:calc(1.5em + .75rem);
    padding: 0 20px;
    border: 1px solid #ced4da;
    border-right: none;
}

.option-wrap .input-group-addon,.option-wrap .form-control{
    outline: none;
}
.form-control:focus {
	box-shadow: none!important;
	border-color: #ccc;
}
.input-group *{
	background-color: #fff;
}
.input-group.active .input-group-addon:first-child{
    color: #ffffff;
    background-color: #b75a46;
    border: none;
}
.operater{
	text-align: center;
	margin-top: 2rem;
}
.operater .btn{
	padding: 1rem 4rem;
	margin: 0 1rem;
	border-radius: 4rem;
}
.operater .btn-main{
	color: #fff;
	background-color: #b75a46;
}
.operater .btn-main:hover{
	color: #fff;
	background: #a04e3c;
}
.js-vcode{
    width: 100px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 60%;
    background-position: center;
}
.party-values{
	position: absolute;
    top: 25%;
    left: -52%;
    width: 60%;
    display: flex;
    justify-content: flex-start;
    z-index: 1000;
}
.party-values-content {
    width: calc(100% - 109px);
    padding: 60px;
    background: #ac7255;
    border-bottom-right-radius: 30px;
}

.party-values-title {
    width: 60px;
}
.party-values.active {
    animation: toright1 0.5s linear;
    animation-fill-mode: both;
}
.party-values.noactive {
    animation: toleft1 0.5s linear;
    animation-fill-mode: both;
}
@keyframes toright1{
    0%{
        left: -52%;
    }
    100%{
        left: 0;
    }
}
@keyframes toleft1{
    0%{
        left: 0;
    }
    100%{
        left: -52%;
    }
}
.sectab-wenwu,.sectab-wenwu a{
	cursor:default;
}
.party-values-content-wrap{
	
}
.party-values-item{
	background-color: #b44638;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    color: #f5e4d2;
    font-size: 18px;
    background: url("/static/images/dhbg3.png") top center no-repeat;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 10px 5px 10px rgba(0,0,0,0.2);
}
.party-values-item-content{
	padding-left: 10px;
}
.party-values-item-content p{
	display: flex;
    align-items: center;
    line-height: 2;
}
.party-values-item-content i{
	width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fffddd;
    display: block;
    margin-right:12px;
}
.move-port{
	position: fixed;
	min-height: 150px;
	left: 0;
	top:0;
	cursor: pointer;
	color:#fff;
	z-index: 10000;
	width:20vw;
	border-radius: 4px;
	overflow: hidden;
}
.move-port .move-port-header{
	height: 34px;
    line-height: 34px;
    background-color: rgba(199, 179, 153, 0.8);
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    letter-spacing: 1px;
}
.move-port-close{
	color: rgb(109 8 8);
    position: absolute;
    top:0;
    right: 0;
    height:34px;
    line-height: 34px;
    display: none;
    padding: 0 6px;
}
.move-port-close:hover{
	font-weight: 600;
}
.move-port .move-port-body{
	font-size: 15px;
    text-align: justify;
    line-height: 1.8;
    padding: 16px 25px;
    background: rgba(109, 8, 8, 0.8);
}
.move-port .move-port-body div{
	margin-bottom:8px;
}
.move-port .move-port-body div:last-child{
	margin-bottom:0;
}
.videonowplay{
    height: 100vh;
    overflow: hidden;
}
.video{
    width: 100%;
    height: 100vh;
    background: #b44638;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
.video_wrap{
    width: 100%;
    height: 100%;
}
.video-block{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
#jump {
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 9999;
    color: #fff;
    padding: 15px 30px;
    border: 1px solid #fff;
    border-radius: 15px;
    font-size: 20px;
    cursor: pointer;
}
.pc{
    display: block;
}
.mob{
    display: none;
}
.videoenter{
    font-size: 20px;
    padding: 7px;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
    border-radius: 15px;
    color: #fff;
    transform: translate(-50%,-50%);
    font-weight: bold;
}
@media screen and (max-width: 750px){
    .pc{
        display: none;
    }
    .mob{
        display: block;
    }
    #jump{
        padding: 7px;
        top: 25px;
        right: 25px;
    }
    
    .option-wrap input{
		height:calc(1.5em + .75rem);
	}
}
</style>
<script type="text/javascript">

$(function(){
	$(".bytab div").on("click",function(){
	    var bynum=$(this).index();
	    $(".bynr div").fadeOut(0);
	    $(".bynr div").eq(bynum).fadeIn();
	});
	picscroll(0);
	$(".party-values-title").on("click",function(){
	    if($(".party-values").hasClass("active")){
	        $(".party-values").removeClass("active");
	        $(".party-values").addClass("noactive");
	    }else{
	        $(".party-values").removeClass("noactive");
	        $(".party-values").addClass("active");
	    } 
	});
	$(".toptabname").on("click",function(){
	    $(".toptabname").removeClass("active");
	    $(this).addClass("active");
	    // $(".toptab-content").removeClass("active");
	    var i=$(this).index();
	    if(i==0){
	        $(".toptab").removeClass("tabbg1").removeClass("tabbg2").removeClass("tabbg3");
	        $(".toptab").addClass("tabbg1");
	    }
	    if(i==1||i==3){
	        $(".toptab").removeClass("tabbg1").removeClass("tabbg2").removeClass("tabbg3");
	        $(".toptab").addClass("tabbg2");
	    }
	    if(i==2||i==4){
	        $(".toptab").removeClass("tabbg1").removeClass("tabbg2").removeClass("tabbg3");
	        $(".toptab").addClass("tabbg3");
	    }
	    $(".toptab-content").fadeOut(0);
	    $(".toptabblock .toptab-content").eq(i).fadeIn();
	});
	
	$(".tabname").on("click",function(){
	    $(".tabname").removeClass("active");
	    $(this).addClass("active");
	    var i=$(this).index();
	    $(".tab-content").removeClass("active");
	    $(".tabblock .tab-content").eq(i).addClass("active");
	    picscroll(i);
	});


	
	var $moveT = $('.header').height();
	var $moveH = $(window).height()-$moveT;
	setTimeout(() => {
		move_obj(".move-port","","",1,1,0,$moveT,10);
		$('.move-port.only-pc').fadeIn();
	}, 1000);
	
	$('.toptab-content-suggestion .form-control').focus(function(){
		$(this).closest('.input-group').addClass('active');
	});
	$('.toptab-content-suggestion .form-control').focusout(function(){
		$(this).closest('.input-group').removeClass('active');
	});
	$('.toptab-content-suggestion .js-btn-reset').click(function(){
		$('.toptab-content-suggestion .option-wrap ').find('input,textarea').each(function(){
			$(this).val('');
		});
	});
	
	$('.toptab-content-suggestion .js-btn-submit').click(function(){
		var $this = $(this);
		if($this.hasClass('active'))
			return;
		$(this).addClass('active');
		if($('#title').val()==''){
			alert('标题不能为空.');
			$('#title').focus();
			$this.removeClass('active');
			return false;
		}
		if($('#content').val()==''){
			alert('内容不能为空.');
			$('#content').focus();
			$this.removeClass('active');
			return false;
		}
		if($('#name').val()==''){
			alert('姓名不能为空.');
			$('#content').focus();
			$this.removeClass('active');
			return false;
		}
		if($('#tel').val()==''&&$('#email').val()==''){
			alert('联系方式不以为空，手机、邮箱任选一项.');
			$('#content').focus();
			$this.removeClass('active');
			return false;
		}else if($('#tel').val()==''){
			if(!(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/.test($('#email').val().trim()))){
				alert('请输入正确的邮箱.');
				$('#email').focus();
				$this.removeClass('active');
				return false;
			}
		}else if($('#tel').val().length!=11||!(/^(13[0-9])|(14[0-9])|(15[0-9])|(16[0-9])|(17[0-9])|(18[0-9])|(19[0-9])\d{8}$/.test($('#tel').val().trim()))){
			alert('请输入正确的手机号.');
			$('#tel').focus();
			$this.removeClass('active');
			return false;
		}
		if($('#verifyCode').val()==''){
			alert('验证码不能为空.');
			$('#verifyCode').focus();
			$this.removeClass('active');
			return false;
		}
		var paramsData = {};
		paramsData['title'] = $('#title').val();
		paramsData['content'] = $('#content').val();
		paramsData['name'] = $('#name').val();
		paramsData['tel'] = $('#tel').val();
		paramsData['verifyCode'] = $('#verifyCode').val();
		
		$.ajax({
			url:'/suggestion.do',
			method:'post',
			data:paramsData,
			success:function(data){
				if(data.success){
					alert('提交成功！');
					$('.toptab-content-suggestion .option-wrap ').find('input,textarea').each(function(){
						$(this).val('');
					});
				}else{
					alert(data.message);
				}
				$('.js-vcode').trigger('click');
				$this.removeClass('active');
			}
		});
		
	});
	
	$('.js-vcode').click(function(){
		var num = Math.random();
		num = num * 100;
		num = Math.floor(num);
		$('.js-vcode').css({"background-image":"url(/code.jpg?id="+num});
	});
});
function picscroll(i){
    var imgwidth=$(".tabbg").eq(i).find("img").width();
    var kuang=$(".tabbg").eq(i).width();
    var left=imgwidth-kuang;
    var img=$(".tabbg").eq(i).find("img");   
    if($(".tabbg").eq(i).find("img").css("left")!="0px"){
        // console.log("a");
        img.animate({
            left:"-0px"
        },20000,"linear",function(){
            picscroll(i);
        });
    }else{
        // console.log("b");
        img.animate({
            left:"-"+left+"px"
        },20000,"linear",function(){
            picscroll(i);
        });
    }
    // console.log(left);
}

</script>
</head>
<body>
	<div class="whole videonowplay">
		<!-- video -->
        <div class="video">
            <div class="video_wrap">
                <video class="pc video-block" id="video1" src="/static/video/index.mp4" poster=""  muted preload="auto" playsinline x5-video-player-type='h5-page'>
                </video>
                <video class="mob video-block" id="video2" src="/static/video/index-mob.mp4" poster="/static/images/poster.png"  muted preload="auto" playsinline x5-video-player-type='h5-page'>
                </video>
                <div class="videoenter mob">进入网站</div>
                <div class="" id="jump">跳过</div>
            </div>
        </div>
		
<link type="text/css" rel="stylesheet" href="/static/css/mobile-fit.css"/>
<style>
.en{
    font-size: 17px;
    color: #fef5d9;
    text-align: center;
}
.en a{
    font-size: 17px;
    color: #fef5d9;
}
.enmob{
    font-size: 17px;
    color: #fef5d9;
    text-align: center;
    margin-right: 50%;
}
.enmob a{
    font-size: 17px;
    color: #fef5d9;
}
</style>
<script>
$(function(){
	// mob导航
	$(".mob-bar").on("click",function(){
	    if($(this).hasClass("open")){
	        $(this).removeClass("open");
	        $(".mob-menu").slideUp();
	    }else{
	        $(this).addClass("open");
	        $(".mob-menu").slideDown();
	    }   
	});
});
</script>
<div class="dh">
    <div class="dh-left">
        <ul class="dhlist">
        
            <li>
	            
	            	
	            		<a href="/about.html#summary">关于本馆</a>
	            	
	            	
	           	
           	</li>
        
            <li>
	            
	            	
	            	
	            		<a href="/information/news.html">信息资讯</a>
	            	
	           	
           	</li>
        
            <li>
	            
	            	
	            	
	            		<a href="/exhibition/basic.html">陈列展览</a>
	            	
	           	
           	</li>
        
            <li>
	            
	            	
	            	
	            		<a href="/collection/highlights.html">文物藏品</a>
	            	
	           	
           	</li>
        
            <li>
	            
	            	
	            	
	            		<a href="/education/activity.html">宣传教育</a>
	            	
	           	
           	</li>
        
        </ul>
    </div>
    <div class="logo">
        <div class="line">
            <div class="line-nr"></div>
        </div>
        <img src="/static/images/logo.png" class="mainlogo">
    </div>
    <div class="dh-right">
        <ul class="dhlist">
            
	        	<li>
            		<a href="/research/activity.html">学术研究</a>
	           	</li>
        
	        	<li>
            		<a href="/digital/metaverse.html">数字一大</a>
	           	</li>
        
	        	<li>
            		<a href="/creative/yd.html">文创品牌</a>
	           	</li>
        
	        	<li>
            		<a href="/zhou/introduction.html">周公馆</a>
	           	</li>
        
	        	<li>
            		<a href="/yesd/zgyd.html">一.二.四大</a>
	           	</li>
        
		<li><a href="/en/about-us.html">En</a></li>
        </ul>
    </div>
</div>
<!-- mob导航 -->
<div class="mob-dh">
	<a class="mob-logo" href="/index.html?sp=novideo">
		<img src="/static/images/logo.png">
	</a>
	<div class="enmob"><a href="/en/about-us.html">En</a></div>
	<div class="mob-bar">
		<div class="border1"></div>
		<div class="border2"></div>
		<div class="border3"></div>
	</div>
</div>
<div class="mob-menu">
	<ul class="dhlist">
		
            <li class="">
           		
           			
	            		<a href="/about.html#summary">关于本馆</a>
	            	
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
								<li><a href="/about.html#summary">本馆概述</a></li>
							
							
							
						
					
						
							
								<li><a href="/about.html#opening">开放信息</a></li>
							
							
							
						
					
						
							
								<li><a href="/about.html#service">服务设施</a></li>
							
							
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/information/news.html">信息资讯</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/information/news.html">一大动态</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/information/party.html">党建工作</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/information/commonweal.html">一大公益</a></li>
									
								
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/exhibition/basic.html">陈列展览</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/exhibition/basic.html">常设展览</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/exhibition/temporary.html">专题展览</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/exhibition/touring.html">巡回展览</a></li>
									
								
							
						
					
						
							
							
							
								
									
										<li><a href="https://360.zgyd1921.com" target="_blank">数字展览</a></li>
									
									
								
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/collection/highlights.html">文物藏品</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/collection/highlights.html">馆藏精品</a></li>
									
								
							
						
					
						
							
							
							
							
						
					
						
							
							
							
								
									
									
										<li><a href="/collection/donors.html">捐赠者目录</a></li>
									
								
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/education/activity.html">宣传教育</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/education/activity.html">教育活动</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/education/volunteer.html">志愿者服务</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/education/video.html">宣传视频</a></li>
									
								
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/research/activity.html">学术研究</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/research/activity.html">学术活动</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/research/achievement.html">学术成果</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/research/institute.html">协同研究中心</a></li>
									
								
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/digital/metaverse.html">数字一大</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/digital/metaverse.html">元宇宙</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/digital/vr.html">VR体验</a></li>
									
								
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/creative/yd.html">文创品牌</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/creative/yd.html">一大文创</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/creative/coffee.html">一咖啡</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/creative/study.html">一大研学</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/creative/station.html">初心驿站</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/creative/brand.html">品牌宣传</a></li>
									
								
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/zhou/introduction.html">周公馆</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/zhou/introduction.html">简介</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/zhou/exhibition.html">基本陈列</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/zhou/collection.html">重点文物</a></li>
									
								
							
						
					
				</ul>
			</div>
        
            <li class="">
           		
           			
	            	
	            		<a href="/yesd/zgyd.html">一.二.四大</a>
	            	
            	
            </li>
            <div class="mob-sub">
            	<ul>
		            
						
							
							
							
								
									
									
										<li><a href="/yesd/zgyd.html">最新讯息</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/yesd/zged.html">走进二大</a></li>
									
								
							
						
					
						
							
							
							
								
									
									
										<li><a href="/yesd/zgsd.html">走进四大</a></li>
									
								
							
						
					
				</ul>
			</div>
        
	</ul>
</div>
<!-- mob导航end -->
		<div class="part1" style="position: relative;">
		    <div class="toptab tabbg1">
		        <div class="toptabblock">
					<div class="toptab-content" style="display: block;">
						<div class="toptab-nr">
						    <div class="index-biaoyu">
						        <div class="by-shuoming">逐个点击文字<br>展示详细内容</div>
						        <div class="byblock">
						            <div class="bytab">
						                <div class="biaoyu1"><img src="/static/images/yanjing.png"></div>
						                <div class="biaoyu2"><img src="/static/images/shiming.png"></div>
						                <div class="biaoyu3"><img src="/static/images/jizhiguan.png"></div>
						            </div>
						            <div class="bynr">
						                <div class="by-nr1"><img src="/static/images/yj-nr.png"></div>
						                <div class="by-nr2"><img src="/static/images/sm-nr.png"></div>
						                <div class="by-nr3"><img src="/static/images/jzg-nr.png"></div>
						            </div>
						        </div>
						    </div>
						    <div class="index-lead">
						        <div class="index-maintitle"><img src="/static/images/maintitle.png"></div>
						        <div class="index-info">
			                        <p class="big">开放时间</p>
			                        <p>每周二至周日9:00-17:00(16:30停止入馆)</p>
			                        <p class="mb30">周一闭馆(法定节假日除外)</p>
			                        <p class="big">公益定时讲解时间</p>
			                        <p class="mb30">9:30 10:30 13:30 14:30 15:30 16:00</p>
			                        <p class="big">联系方式</p>
			                        <p>地址:上海市黄浦区黄陂南路374号</p>
			                        <p>咨询电话:021-53832171转111、021-53832171转222</p>
			                        <p>客服工作时间:周一至周日 9:00-16:30</p>
			                        <p>官网:www.zgyd1921.com</p>
			                        <p>(※馆区开放信息以官方网站和官方微信公布为准。)</p>
			                    </div>
					        </div> 
					    </div>
					</div>
					<div class="toptab-content">
					    <div class="toptab-nr">
		                    <img src="/static/images/dl_03.jpg">
					    </div>
					</div>
		            <div class="toptab-content">
		                <div class="toptab-nr pad80">
		                    <p>纪念馆提供免费人工定时讲解服务(中文)，定时讲解时间为:</p>
		                    <p class="red mb30">9:30    10:30    13:30    14:30    15:30    16:00</p>  
		                    <p class="mb30">如有需要可自行安排前往跟听。</p>
		                    <p>纪念馆针对团队提供讲解预约服务(中文)，每天共10个场次可预约:</p>
		                    <p class="red mb30">9:00    9:30    10:00    10:30    13:00    13:30    14:00    14:30    15:00    15:30 </p>
		                    <p class="mb30">团队可自行根据需要进行咨询。</p>  
		                    <p>成功预约讲解服务的团队在预约场次前15分钟内到馆，如超过预约时段15分钟，本场讲解取消。</p>
		                    <p>团队入馆后可选择跟听相邻时段的定时讲解。</p>
		                    <div class="jjvideo">
		                        <div class="videopart">
	                                <div class="videopic">
	                                	<video id="jngVideo" controls="controls" controlslist="nodownload" src="https://cfs.zgyd1921.com/cfs/explain/jng.mp4" poster="https://cfs.zgyd1921.com/cfs/explain/video-cover-jng.jpg" style="width:100%;"></video>
	                                </div>
	                                <div class="videoname">中共一大纪念馆讲解</div>
		                        </div>
		                        <div class="videopart">
	                                <div class="videopic">
										<video id="hzVideo" controls="controls" controlslist="nodownload" src="https://cfs.zgyd1921.com/cfs/explain/hz.mp4" poster="https://cfs.zgyd1921.com/cfs/explain/video-cover-hz.jpg" style="width:100%;"></video>
	                                </div>
	                                <div class="videoname">中共一大会址讲解</div>
		                        </div>
		                    </div>
		                </div>
		            </div>
		            <div class="toptab-content">
		                <div class="toptab-nr">
		                    <img src="/static/images/luxian_03.jpg">
		                </div>
		            </div>
		            <div class="toptab-content toptab-content-suggestion">
		                <div class="toptab-nr">
		                    <div class="option-wrap">
								<p class="big">为进一步加强我馆与观众的紧密联系，提升对公众的服务能力，欢迎您对我馆工作提出宝贵的建议和意见。</p>
								<form class="margin-top" id="form" method="post" action="/suggestion.html">
									<div class="form-group form-group-lg">
										<div class="input-group ">
											<span class="input-group-addon">标题</span>
											<input type="text" class="form-control" id="title" name="title" value="">
									    </div>
								    </div>
									<textarea class="form-control" rows="8" style="width:100%;resize:none;" placeholder="请输入内容..." id="content" name="content"></textarea>
									<div class="input-group">
										<span class="input-group-addon">姓名</span>
										<input type="text" class="form-control" id="name" name="name" value="">
								    </div>
								    <div class="input-group">
										<span class="input-group-addon">手机</span>
										<input type="text" class="form-control" id="tel" name="tel" value="">
								    </div>
								    <div class="input-group">
										<span class="input-group-addon">邮箱</span>
										<input type="text" class="form-control" id="email" name="email" value="">
								    </div>
								    <div class="input-group">
										<span class="input-group-addon">验证码</span>
										<input type="text" class="form-control" id="verifyCode" name="verifyCode" value="">
										<div class="input-group-addon js-vcode" style="background-image: url('/code.jpg');"></div>
								    </div>
							    </form>
							    <div class="operater">
									<a class="btn btn-main js-btn-submit">提 交</a>
									<a class="btn btn-default js-btn-reset">重 置</a>
								</div>
							</div>
		                </div>
		            </div>
		        </div>
		        <div class="toptab-title">
		            <div class="toptabname active"><img src="/static/images/icon1.png" class="big"></div>
		            <div class="toptabname"><img src="/static/images/icon2.png"><p>参观导览</p></div>
		            <div class="toptabname"><img src="/static/images/icon3.png"><p>讲解服务</p></div>
		            <div class="toptabname"><img src="/static/images/icon4.png"><p>交通线路</p></div>
		            <div class="toptabname"><img src="/static/images/icon5.png"><p>建议意见</p></div>
				</div>
			</div>
		</div>
		<div class="geduan"></div>
		<div class="part2">
			<div class="tab">
				<div class="tab-title">
					<div class="tabname active">
						<div class="tabnum">
							<img src="/static/images/01.png">
						</div>
						<div class="tablanmu">
							<img src="/static/images/title1.png">
						</div>
					</div>
					<div class="tabname">
						<div class="tabnum">
							<img src="/static/images/02.png">
						</div>
						<div class="tablanmu">
							<img src="/static/images/title2.png">
						</div>
					</div>
					<div class="tabname">
						<div class="tabnum">
							<img src="/static/images/03.png">
						</div>
						<div class="tablanmu">
							<img src="/static/images/title3.png">
						</div>
					</div>
					<div class="tabname">
						<div class="tabnum">
							<img src="/static/images/04.png">
						</div>
						<div class="tablanmu">
							<img src="/static/images/title4.png">
						</div>
					</div>
					<div class="tabname">
						<div class="tabnum">
							<img src="/static/images/05.png">
						</div>
						<div class="tablanmu">
							<img src="/static/images/title5.png">
						</div>
					</div>
				</div>
				<div class="tabblock">
					<div class="tab-content active">
						<div class="tabbg">
							<img src="/static/images/index-exhibition-bg-exhibit-1.jpeg">
						</div>
						<div class="zhezhao"></div>
						<div class="sectab pos1">
							<div class="sectab-title">
								<div class="sectab-point active"></div>
								<div class="sectab-point"></div>
							</div>
							<div class="sectab-line">
								<img src="/static/images/line2.png">
							</div>
							<div class="sectabblock">
								<div class="sectab-content" style="display: block;">
									<p>自19世纪中叶起，中国逐步成为半殖民地半封建国家，中国人民遭受着帝国主义的侵略和封建主义的压迫。为挽救国家和民族的危亡，中国的先进分子进行了英勇的抗争和艰苦的探索。这些斗争和探索在一定程度上推动了中国社会的进步，却未能改变中国的社会性质和人民的悲惨命运。旧的路走不通了，势必寻找新的出路。</p>
								</div>
								
							</div>
						</div>
					</div>
					<div class="tab-content">
						<div class="tabbg">
							<img src="/static/images/index-exhibition-bg-exhibit-2.jpeg">
						</div>
						<div class="zhezhao"></div>
						<div class="sectab pos2">
							<div class="sectab-title">
								<div class="sectab-point active"></div>
								<div class="sectab-point"></div>
							</div>
							<div class="sectab-line">
								<img src="/static/images/line2.png">
							</div>
							<div class="sectabblock">
								<div class="sectab-content" style="display: block;">
									<p>随着近代工业的发展，中国无产阶级逐步成长壮大，成为中国革命最基本的动力。新文化运动高举民主和科学的大旗，在古老落后的中国掀起思想解放的潮流。民族危难之际，以先进青年知识分子为先锋、广大人民群众参加的彻底反帝反封建的五四运动，以磅礴之力实现了中华民族自鸦片战争以来第一次全面觉醒，中国工人阶级作为独立的政治力量登上历史舞台。五四运动后，各种新思潮大量涌现。经过反复的比较、推求，越来越多的先进分子选择了马克思主义，选择了科学社会主义，为中国共产党的成立做了思想上、干部上的准备。</p>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-content">
						<div class="tabbg">
							<img src="/static/images/index-exhibition-bg-exhibit-3.jpeg">
						</div>
						<div class="zhezhao"></div>
						<div class="sectab pos1">
							<div class="sectab-title">
								<div class="sectab-point active"></div>
								<div class="sectab-point"></div>
							</div>
							<div class="sectab-line">
								<img src="/static/images/line2.png">
							</div>
							<div class="sectabblock">
								<div class="sectab-content" style="display: block;">
									<p>在学习、传播马克思主义和“与劳工为伍”的实践中，中国的马克思主义者逐渐认识到建立无产阶级政党的必要性和紧迫性。在共产国际的帮助下，中国第一个共产党早期组织1920年在上海成立，并积极指导和推动各地共产主义者开展建党活动。各地共产党早期组织成立后，有计划、有组织地研究和宣传马克思主义，批判各种反马克思主义思潮，在工人中开展宣传和组织工作，成立社会主义青年团，进一步推动马克思主义的传播及其与中国工人运动的结合，为中国共产党的正式成立奠定基础。</p>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-content">
						<div class="tabbg">
							<img src="/static/images/index-exhibition-bg-exhibit-4.jpeg">
						</div>
						<div class="zhezhao"></div>
						<div class="sectab pos2">
							<div class="sectab-title">
								<div class="sectab-point active"></div>
								<div class="sectab-point"></div>
							</div>
							<div class="sectab-line">
								<img src="/static/images/line2.png">
							</div>
							<div class="sectabblock">
								<div class="sectab-content" style="display: block;">
									<p>1921年7月23日，中国共产党第一次全国代表大会在上海开幕。中共一大的召开，宣告中国共产党正式成立。从此，在古老落后的中国出现了完全新式的，以马克思列宁主义为行动指南的，以实现社会主义和共产主义为奋斗目标的，以中华民族伟大复兴为历史使命的统一的无产阶级政党。这一开天辟地的大事变，给灾难深重的中国人民带来了光明和希望。自从有了中国共产党，中国革命的面目焕然一新。</p>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-content">
						<div class="tabbg">
							<img src="/static/images/index-exhibition-bg-exhibit-5.jpeg">
						</div>
						<div class="zhezhao"></div>
						<div class="sectab pos1">
							<div class="sectab-title">
								<div class="sectab-point active"></div>
								<div class="sectab-point"></div>
							</div>
							<div class="sectab-line">
								<img src="/static/images/line2.png">
							</div>
							<div class="sectabblock">
								<div class="sectab-content" style="display: block;">
									<p>中国共产党成立后，团结带领全国各族人民，取得了新民主主义革命的全国性胜利，建立了社会主义基本制度，在社会主义建设和改革开放的伟大事业中取得辉煌成就，人民生活水平和国家综合实力显著提高。中华民族迎来了从站起来、富起来到强起来的伟大飞跃，中国特色社会主义迎来了从创立、发展到完善的伟大飞跃，中国人民迎来了从温饱不足到小康富裕的伟大飞跃。在中国共产党领导下，亿万华夏儿女汇聚起夺取新时代中国特色社会主义伟大胜利、实现中华民族伟大复兴中国梦的磅礴力量。</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
<div class="foot">
	<div class="footyuan">
		<img src="/static/images/yuan.png">
	</div>
	<div class="footdh">
		<div class="footdh-left">
			<div class="footdh-main">
				<ul>
					
						<li>
				            
				            	
				            		<a href="/about.html#summary">关于本馆</a>
				            	
				            	
				           	
			           	</li>
					
						<li>
				            
				            	
				            	
				            		<a href="/information/news.html">信息资讯</a>
				            	
				           	
			           	</li>
					
						<li>
				            
				            	
				            	
				            		<a href="/exhibition/basic.html">陈列展览</a>
				            	
				           	
			           	</li>
					
						<li>
				            
				            	
				            	
				            		<a href="/collection/highlights.html">文物藏品</a>
				            	
				           	
			           	</li>
					
						<li>
				            
				            	
				            	
				            		<a href="/education/activity.html">宣传教育</a>
				            	
				           	
			           	</li>
					
				</ul>
			</div>
			<div class="footdh-sub">
				
					<ul class="footdh-sublist">
						
							
								
									<li><a href="/about.html#summary">本馆概述</a></li>
								
								
								
							
						
							
								
									<li><a href="/about.html#opening">开放信息</a></li>
								
								
								
							
						
							
								
									<li><a href="/about.html#service">服务设施</a></li>
								
								
								
							
						
					</ul>
				
					<ul class="footdh-sublist">
						
							
								
								
								
									<li><a href="/information/news.html">一大动态</a></li>
								
							
						
							
								
								
								
									<li><a href="/information/party.html">党建工作</a></li>
								
							
						
							
								
								
								
									<li><a href="/information/commonweal.html">一大公益</a></li>
								
							
						
					</ul>
				
					<ul class="footdh-sublist">
						
							
								
								
								
									<li><a href="/exhibition/basic.html">常设展览</a></li>
								
							
						
							
								
								
								
									<li><a href="/exhibition/temporary.html">专题展览</a></li>
								
							
						
							
								
								
								
									<li><a href="/exhibition/touring.html">巡回展览</a></li>
								
							
						
							
								
								
								
									<li><a href="/exhibition/360.html">数字展览</a></li>
								
							
						
					</ul>
				
					<ul class="footdh-sublist">
						
							
								
								
								
									<li><a href="/collection/highlights.html">馆藏精品</a></li>
								
							
						
							
								
								
								
								
							
						
							
								
								
								
									<li><a href="/collection/donors.html">捐赠者目录</a></li>
								
							
						
					</ul>
				
					<ul class="footdh-sublist">
						
							
								
								
								
									<li><a href="/education/activity.html">教育活动</a></li>
								
							
						
							
								
								
								
									<li><a href="/education/volunteer.html">志愿者服务</a></li>
								
							
						
							
								
								
								
									<li><a href="/education/video.html">宣传视频</a></li>
								
							
						
					</ul>
				
			</div>
		</div>
		<div class="footlogo">
			<img src="/static/images/logo-2-2.png">
		</div>
		<div class="footdh-right">
			<div class="footdh-main">
				<ul>
					
						<li>
			           		<a href="/research/activity.html">学术研究</a>
			           	</li>
					
						<li>
			           		<a href="/digital/metaverse.html">数字一大</a>
			           	</li>
					
						<li>
			           		<a href="/creative/yd.html">文创品牌</a>
			           	</li>
					
						<li>
			           		<a href="/zhou/introduction.html">周公馆</a>
			           	</li>
					
						<li>
			           		<a href="/yesd/zgyd.html">一.二.四大</a>
			           	</li>
					
				</ul>
			</div>
			<div class="footdh-sub">
				
					<ul class="footdh-sublist">
						
							
								
								
									<li><a href="/research/activity.html">学术活动</a></li>
								
							
						
							
								
								
									<li><a href="/research/achievement.html">学术成果</a></li>
								
							
						
							
								
								
									<li><a href="/research/institute.html">协同研究中心</a></li>
								
							
						
					</ul>
				
					<ul class="footdh-sublist">
						
							
								
								
									<li><a href="/digital/metaverse.html">元宇宙</a></li>
								
							
						
							
								
								
									<li><a href="/digital/vr.html">VR体验</a></li>
								
							
						
					</ul>
				
					<ul class="footdh-sublist">
						
							
								
								
									<li><a href="/creative/yd.html">一大文创</a></li>
								
							
						
							
								
								
									<li><a href="/creative/coffee.html">一咖啡</a></li>
								
							
						
							
								
								
									<li><a href="/creative/study.html">一大研学</a></li>
								
							
						
							
								
								
									<li><a href="/creative/station.html">初心驿站</a></li>
								
							
						
							
								
								
									<li><a href="/creative/brand.html">品牌宣传</a></li>
								
							
						
					</ul>
				
					<ul class="footdh-sublist">
						
							
								
								
									<li><a href="/zhou/introduction.html">简介</a></li>
								
							
						
							
								
								
									<li><a href="/zhou/exhibition.html">基本陈列</a></li>
								
							
						
							
								
								
									<li><a href="/zhou/collection.html">重点文物</a></li>
								
							
						
					</ul>
				
					<ul class="footdh-sublist">
						
							
								
								
									<li><a href="/yesd/zgyd.html">最新讯息</a></li>
								
							
						
							
								
								
									<li><a href="/yesd/zged.html">走进二大</a></li>
								
							
						
							
								
								
									<li><a href="/yesd/zgsd.html">走进四大</a></li>
								
							
						
					</ul>
				
			</div>
		</div>
	</div>
	<div class="footbq">
		<div class="footbq-nr">
			<div class="foot-item">
				<p>
					<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102003202" ><span class="ba"><img src="/static/images/ga.png"></span> 沪公网安备 31010102003202号</a>
					沪ICP备10006888号-1
				</p>
				<p>Copyright © 2021 中国共产党第一次全国代表大会纪念馆 All rights reserved</p>
			</div>
			<div class="foot-link">
				<div class="foot-icon">
					<a href=""><img src="/static/images/shiyedanwei.png"></a>
				</div>
				<div class="foot-icon">
					<img src="/static/images/wb.png">
					<div class="qrcode">
						<img src="/static/images/blog-ewm.gif">
					</div>
				</div>
				<div class="foot-icon">
					<img src="/static/images/wx.png">
					<div class="qrcode">
						<img src="/static/images/wx-ewm.gif">
					</div>
				</div>
				<div class="foot-icon">
					<img src="/static/images/xiaohongshu.png">
					<div class="qrcode">
						<img src="/static/images/xiaohongshu-ewm.png">
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	</div>
	<div class="move-port only-pc" style="display: none!important;">
		<div class="move-port-header"><div>温馨提示</div><div class="move-port-close">×</div></div>
		<div class="move-port-body">
			<div>1. 暑假期间，纪念馆逢周一正常开放。</div>
			<div>2. 夏日温馨提示：我馆根据展出文物以纸质文物为主的情况，制定了适宜本馆展出文物的保护环境的标准（全年温度稳定在20℃到23℃之间）。</div>
		</div>
	</div>
	<script>
	document.onreadystatechange = function() {
		if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
	        // 手机端
			var shipinId = document.getElementById("video2");
	        if(getQueryString("sp")=="novideo"){//判断是否放视频
	            $('.video').fadeOut(0);
	            $(".whole").removeClass("videonowplay");
	        }
	    } else {
	        // PC端
	        var shipinId = document.getElementById("video1");
	        if(getQueryString("sp")=="novideo"){//判断是否放视频
	            $('.video').fadeOut(0);
	            $(".whole").removeClass("videonowplay");
	        }else{
	            shipinId.play();
	            shipinId.addEventListener('ended', function() {
	                $('.video').fadeOut(1000);
	                $(".whole").removeClass("videonowplay");
	            });
	        }
	    }
	};
	
	$("#jump").click(function() {
	    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
	        // 手机端
			var shipinId = document.getElementById("video2");
	    } else {
	        // PC端
	        var shipinId = document.getElementById("video1");
	    }
	    $(this).hide();
	    $(".video").fadeOut(1000);
	    shipinId.pause();
	    $(".whole").removeClass("videonowplay");
	});
	$(".videoenter").click(function() {
		var shipinId = document.getElementById("video2");
	    $(this).hide();
	    shipinId.play();
	    shipinId.addEventListener('ended', function() {
	        $('.video').fadeOut(1000);
	        $(".whole").removeClass("videonowplay");
	    });
	});
	function getQueryString(licurr) {
	    var reg = new RegExp("(^|&)" + licurr + "=([^&]*)(&|$)", "i"); 
	    var r = window.location.search.substr(1).match(reg); 
	    if (r != null) return unescape(r[2]); 
	    return null; 
	}
    </script>
</body>
</html>